<!--<?php
print <<<EOT
-->

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML xmlns="http://www.w3.org/1999/xhtml">
<head>
   <title>$page_title</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
    <meta name="charset" content="ISO-8859-1"/>  
    <meta name="keywords" content="Jansen, jans2en, janssen, furniture, elegance, fine furniture, imports" />
    <meta name="title" content="jans2en furniture Inc. " />
	<script type="text/javascript" src="./js/jquery-1.4.min.js"></script>	 
    <link rel="Shortcut Icon" href="/favicon.gif"/>
    <link href="./css/jansenfurniture.css" rel="stylesheet" type="text/css"/>
    <link href="./css/basic.css" rel="stylesheet" type="text/css" />
    <link href="./css/Structure.css" rel="stylesheet" type="text/css" />	
    <script type="text/javascript" >
    var t1=null;
    var arry = null;//temp ary in fadein fadeout function
	var son=null;
	var selfid="";
	//var OBJslideshow1 = $("#slideshow1")
	   var OBJslideshow1;
       var OBJslideshow2;
       var OBJslideshow3;

        $(document).ready(function(){  
         
        OBJslideshow1= $("#slideshow1")
        OBJslideshow2 = $("#slideshow2")
        OBJslideshow3 = $("#slideshow3") 
      
         window.location.href="#atpic";   
         //search 
            $(".searchbox").val(" SEARCH ").css("text-indent","32px");
            $(".searchbox").focus( function() {
            var str=$(this).val()      
            if(str==" SEARCH ")
             $(this).val(" ").css("text-indent","5px");                      
             }); 
     
         //search 
            $(".searchbox").blur(function(){
            var str=$(this).val()
            if(str==" "||str=="")
            $(this).val(" SEARCH ").css("text-indent","32px");
            })
           
           //left menu 
           $("#main_R").mouseover(function(){
                OBJslideshow1.show(); 
                OBJslideshow2.show();  
                OBJslideshow3.show();
           })   
        
          
           $("#menu").find("li").each(function(i){
	         var  self=$(this);
	         var  selfparent=self.parent("ul");
	         //li hover even
	         self.hover(function(){
	          var net=self.next("li").html()  
	          var pre=self.prev("li").html()  
	          son=self.find("ul").html();
	          selfid=self.attr("id");
	         //menu
	           if(son==null)       
	           self.find("a").css("background-image","none");	         	            	 
	          if(net==null)	          
	           selfparent.css("border-bottom-color","#FFFFFF");
	          if(pre==null)	          
	           selfparent.css("border-top-color","#FFFFFF");
	          self.attr("class","hover")	          
	           //deal the level and sl number	 
	             if(selfid!="")
	             {
	              
	                arry = selfid.split('_');
	                if(arry.length >= 2) 
	                {
	                  l = arry[1];
	                  clearTimeout(t1);
	                  t1=setTimeout(function(){fadeOut1(selfid,l)},300);	                  
	                
                    }                      
	                
	             }
	             else 
	             {
	                OBJslideshow1.show(); 	             
	             
	             }	        
	          
	          },
	          function(){	   
	                  	           
	            self.removeClass("hover");
	            selfparent.css("border-top-color","#0d2470");
	            selfparent.css("border-bottom-color","#0d2470");
	            });
	            });
	          
        });
        // end of ready;    
        
        function fadeOut1(id,laynum)
        {
        
         var nowLi = $("#"+id);
         var nowtop=$("#"+id).offset().top         
   
         OBJslideshow1.hide();
          laynum=parseInt(laynum);          
           switch(laynum)
           {
           case 1:          
            OBJslideshow2.show();
            OBJslideshow3.show();          
           break;
           case 2:          
           if(son!=null && nowtop < 584)
            {        
              
                OBJslideshow2.hide();            
            }
            else
            {
               OBJslideshow2.show();  
               OBJslideshow3.show();  
            } 
           break;
            case 3:          
             if(nowtop < 595)
                {
                    OBJslideshow2.hide();
                    if(son!=null)
                    OBJslideshow3.hide();
                    else              
                    OBJslideshow3.show();      
                }
            else 
               { 
               if(nowLi.parent("ul").offset().top  < 595 )              
                OBJslideshow2.hide();
                else
                {
                    OBJslideshow2.show();                 
                    OBJslideshow3.show(); 
                }                
               }
            break;
            default :
                OBJslideshow1.show(); 
                OBJslideshow2.show();  
                OBJslideshow3.show(); 
            break;             
           }           
            
        }        
    </script>    	
	
	
	</head>
<body>

    <div class="web-body">
	        <div class="header">
	        <div class="userstatus">$user_status</div>
	        <div class="banner-wrap"><a name="atpic"></a><div class="banner"><div class="banner_imageL"></div><div class="banner_imageR">$baner_img</div></div>
	        </div>
	        </div>
	       	<!-- header end -->
<div class="content">
	<div class="header1padding"></div>
	<div class="main_search">
	$page_search
	$postiondiv					 
   
	</div>
     <div class="main">	 
     <div class="main_L">	
	 <table cellspacing="0" cellpadding="0" border="0" >
	 <tbody>
	 <tr>
	 <td class="menu-padd-top"></td>
	 </tr>
	 <tr>
        <td valign="top" >
        <div class="logo">
        <a href="index.php" ><img src="css/images/logo_image.jpg" alt="" /></a></div>		
		<div id="menu" class="menu">                
                <ul id="left_menu">
                 <li style="margin:0; padding:0;"><a href="index.php" class="a1">Home</a></li>  
                 <li><a href="#" class="a11">View By</a></li>                     
                 <li id="li1_1"><a href="products.php" class="a1" style="text-indent:25px">Product</a> 
                 $strMenuProductCate         
                 </li>
			     <li id="li2_1"><a href="setting.php" class="a1" style="text-indent:25px">Setting</a>
			     $strMenuSettingCate
			     </li>		
                 <li id="li3_1"><a href="style.php" class="a1" style="text-indent:25px"> Style / Period</a>
                 $strStyle
                 </li>  
                 <li id="li4_1"><a href="collections.php" class="a1" style="text-indent:25px"> Collection</a>
                 $strCollection
                 </li>  
                 $loginLeftMenuItem     
                 <li><a href="howtoorder.php" class="a1">How to order</a></li>
                 <li>$user_left_status</li>                          
               </ul>         
            </div>
		</td>
         <td width="1" valign="bottom"  style=" font-size:0; text-align:left;" class="indexline"><img width="1" style="z-index: 20;"  class="bluediv_bar" src="css/images/bluediv.jpg" alt=""/>
		</td>		
    </tr>
    
</tbody>
</table>
 </div>

<!--
EOT;
?>-->